import { Col, Row } from 'antd';
import Nav from '../nav/nav';
import Search from '../search/search';
import logo from '../../../static/logo.png';
import styles from './header.less';

export default function Header() {
  return (
    <div className={styles['container']}>
      <Row style={{ alignItems: 'center' }}>
        <Col span={2}>
          <img
            src="https://www.google.com.hk/images/branding/googlelogo/2x/googlelogo_light_color_92x30dp.png"
            className={styles['logo-img']}
          />
        </Col>
        <Col span={14}>
          <Search></Search>
        </Col>
        <Col span={8}>
          <Nav></Nav>
        </Col>
      </Row>
    </div>
  );
}
